<template>
  <!-- <van-nav-bar safe-area-inset-top /> -->
  <router-view v-slot="{ Component }">
    <transition name="fade" mode="out-in" appear>
      <component :is="Component" />
    </transition>
  </router-view>
  <van-notify v-model:show="show" type="success">
    <van-icon name="bell" style="margin-right: 4px;" />
    <span>通知内容</span>
  </van-notify>
</template>

<script setup>
import { ref } from 'vue';
const show = ref(false);
const isShowYiJian = ref(false);

</script>

<style lang="less">
/* 路由切换动画 */
.v-enter-active,
.v-leave-active {
    transition: opacity 0.5s ease;
}

.v-enter-from,
.v-leave-to {
    opacity: 0;
}

</style>